// 项目的根组件，一切组件的根基
// App被引入到了index.js,渲染到public/index.html文件中id为root的div

// 在React中，一个组件就是**首字母大写的函数**，内部存放了组件的逻辑和视图UI, 渲染组件只需要把组件当成标签书写即可

// 定义组件，首字母大写的函数，类似arkUI的builder函数
function MyButton() {
  // 业务逻辑、组件逻辑、UI
  return <button>click me!</button>
}

// 定义组件，也可以箭头函数写法
const MyButton2 = () => {
  return <button>click me2!</button>
}

function App06() {
  

  return (
    <div className="App">
      {/* 使用组件 */}

      {/* 自闭和 */}
      <MyButton/>

      {/* 成对标签 */}
      <MyButton></MyButton>

      <MyButton2></MyButton2>
    </div>
  )
}

export default App06
